<template>
  <div>
    <div class="heatmap-settingTool">
      <el-select v-model="item" placeholder="请选择统计项" >
        <el-option
          v-for="item in items"
          :key="item"
          :label="item"
          :value="item"
         
        >
        </el-option>
      </el-select>
    </div>
  <div class="heatmap">
    <vheatmap ref="child_heatmap" :item="item"></vheatmap>
  </div>
    
  </div>
  
</template>

<script>
import vheatmap from '@/components/custom/forestHeatmap'
export default {
    components:{
        vheatmap
    },
    data(){
      return{
        items:[
        "森林覆盖率",
        "林地面积",
        "森林面积",
        "人工林面积",
        "天然林面积",
        "活立木总蓄积",
        "人工林蓄积",
        "天然林蓄积",
        "乔木林单位面积蓄积量",
      ],
        item:'森林覆盖率'
      }
    },
    methods:{
    }
}
</script>

<style>
.heatmap-settingTool{
  margin: 10px;
}
.heatmap{
  margin: 15px;
}
</style>